約 4,750,972 件
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/battler/pages/2396.html
詳細不明。 いつからか本家のバトルロイヤルRに姿を現した,謎のプレイヤー。 現在の持ちキャラは下記のみ確認されている。 Mr.killer 放浪のyesman zion dopingman bobson JUGGLER presi 【作者記入欄】 その実態は…ただのパチ好き。 同じキャラを1週間ほど連続して登録する傾向がある。(ただセリフとかを入力するのが面倒なだけ)
https://w.atwiki.jp/kplus/pages/58.html
HTML色名 2ページ目 色名 コード 16進 RGB white #FFFFFF FF FF FF 255 255 255 ivory #FFFFF0 FF FF F0 255 255 240 lightyellow #FFFFE0 FF FF E0 255 255 224 yellow #FFFF00 FF FF 00 255 255 0 snow #FFFAFA FF FA FA 255 250 250 floralwhite #FFFAF0 FF FA F0 255 250 240 lemonchiffon #FFFACD FF FA CD 255 250 205 cornsilk #FFF8DC FF F8 DC 255 248 220 seashell #FFF5EE FF F5 EE 255 245 238 lavenderblush #FFF0F5 FF F0 F5 255 240 245 papayawhip #FFEFD5 FF EF D5 255 239 213 blanchedalmond #FFEBCD FF EB CD 255 235 205 mistyrose #FFE4E1 FF E4 E1 225 228 225 bisque #FFE4C4 FF E4 C4 255 228 196 moccasin #FFE4B5 FF E4 B5 255 228 181 navajowhite #FFDEAD FF DE AD 255 222 173 peachpuff #FFDAB9 FF DA B9 255 218 185 gold #FFD700 FF D7 00 255 215 0 pink #FFC0CB FF C0 CB 255 192 203 lightpink #FFB6C1 FF B6 C1 255 182 193 orange #FFA500 FF A5 00 255 165 0 lightsalmon #FFA07A FF A0 7A 255 160 122 darkorange #FF8C00 FF 8C 00 255 140 0 coral #FF7F50 FF 7F 50 255 127 80 hotpink #FF69B4 FF 69 B4 255 105 180 tomato #FF6347 FF 63 47 255 99 71 orangered #FF4500 FF 45 00 255 69 0 deeppink #FF1493 FF 14 93 255 20 147 magenta #FF00FF FF 00 FF 255 0 255 fuchsia #FF00FF FF 00 FF 255 0 255 red #FF0000 FF 00 00 255 0 0 oldlace #FDF5E6 FD F5 E6 253 245 230 lightgoldenrodyellow #FAFAD2 FA FA D2 250 250 210 linen #FAF0E6 FA F0 E6 250 240 230 antiquewhite #FAEBD7 FA EB D7 250 235 215 salmon #FA8072 FA 80 72 250 128 114 ghostwhite #F8F8FF F8 F8 FF 248 248 255 mintcream #F5FFFA F5 FF FA 245 255 250 whitesmoke #F5F5F5 F5 F5 F5 245 245 245 beige #F5F5DC F5 F5 DC 245 245 220 wheat #F5DEB3 F5 DE B3 245 222 179 sandybrown #F4A460 F4 A4 60 244 164 96 azure #F0FFFF F0 FF FF 250 255 255 honeydew #F0FFF0 F0 FF F0 240 255 240 aliceblue #F0F8FF F0 F8 FF 240 248 255 khaki #F0E68C F0 E6 8C 240 230 140 lightcoral #F08080 F0 80 80 240 128 128 palegoldenrod #EEE8AA EE E8 AA 238 232 170 violet #EE82EE EE 82 EE 238 130 238 darksalmon #E9967A E9 96 7A 233 150 122 lavender #E6E6FA E6 E6 FA 230 230 250 lightcyan #E0FFFF E0 FF FF 224 255 255 burlywood #DEB887 DE B8 87 222 184 135 plum #DDA0DD DD A0 DD 221 160 221 gainsboro #DCDCDC DC DC DC 220 220 220 crimson #DC143C DC 14 3C 220 20 60 palevioletred #DB7093 DB 70 93 219 112 147 goldenrod #DAA520 DA A5 20 218 165 32 orchid #DA70D6 DA 70 D6 218 112 214 thistle #D8BFD8 D8 BF D8 216 191 216 lightgrey #D3D3D3 D3 D3 D3 211 211 211 tan #D2B48C D2 B4 8C 210 180 140 chocolate #D2691E D2 69 1E 210 105 30 peru #CD853F CD 85 3F 205 133 65 indianred #CD5C5C CD 5C 5C 205 92 92 mediumvioletred #C71585 C7 15 85 199 21 133 silver #C0C0C0 C0 C0 C0 192 192 192 darkkhaki #BDB76B BD B7 6B 189 183 107 rosybrown #BC8F8F BC 8F 8F 188 143 143 mediumorchid #BA55D3 BA 55 D3 186 85 211 darkgoldenrod #B8860B B8 86 0B 184 134 11 firebrick #B22222 B2 22 22 178 34 34 powderblue #B0E0E6 B0 E0 E6 176 224 230 lightsteelblue #B0C4DE B0 C4 DE 176 196 222 paleturquoise #AFEEEE AF EE EE 175 238 238 greenyellow #ADFF2F AD FF 2F 173 255 47 lightblue #ADD8E6 AD D8 E6 173 216 230 darkgray #A9A9A9 A9 A9 A9 169 169 169 brown #A52A2A A5 2A 2A 165 42 42 sienna #A0522D A0 52 2D 160 82 45 yellowgreen #9ACD32 9A CD 32 154 205 50 darkorchid #9932CC 99 32 CC 153 50 204 palegreen #98FB98 98 FB 98 152 251 152 darkviolet #9400D3 94 00 D3 148 0 211 mediumpurple #9370DB 93 70 DB 147 112 219 lightgreen #90EE90 90 EE 90 144 238 144 darkseagreen #8FBC8F 8F BC 8F 143 188 143 saddlebrown #8B4513 8B 45 13 139 69 19 darkmagenta #8B008B 8B 00 8B 139 0 139 darkred #8B0000 8B 00 00 139 0 0 blueviolet #8A2BE2 8A 2B E2 138 43 226 lightskyblue #87CEFA 87 CE FA 135 206 250 skyblue #87CEEB 87 CE EB 135 206 235 gray #808080 80 80 80 128 128 128 olive #808000 80 80 00 128 128 0 purple #800080 80 00 80 128 0 128 maroon #800000 80 00 00 128 0 0 aquamarine #7FFFD4 7F FF D4 127 255 212
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/nicepaper/pages/352.html
bootstrapのHTML整形。3月21日記事 目次 ひな形 CDN CSS CSS JavaScript ひな形 !DOCTYPE html html lang="ja" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1" !-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -- title ここにタイトル /title !-- Bootstrap -- link href="css/bootstrap.min.css" rel="stylesheet" !-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -- !-- WARNING Respond.js doesn t work if you view the page via file // -- !--[if lt IE 9] script src="https //oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" /script script src="https //oss.maxcdn.com/respond/1.4.2/respond.min.js" /script ![endif]-- /head body !--ここにコンテンツ記述-- !-- jQuery (necessary for Bootstrap s JavaScript plugins) -- script src="https //ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" /script !-- Include all compiled plugins (below), or include individual files as needed -- script src="js/bootstrap.min.js" /script /body /html CDN CSS !-- Latest compiled and minified CSS -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" CSS !-- Optional theme -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" JavaScript !-- Latest compiled and minified JavaScript -- script src="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" /script
https://w.atwiki.jp/hoi4modtukuritai/pages/39.html
テキストエディタ
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/emeditor/pages/102.html
HTML整形 選択中のHTMLを整形するマクロです。 PerlScriptで動作します。 (jsee,vbeeなど、ほかの言語への移植歓迎します。) 2006.11.10 対応タグを大幅に増やしました。 #language="PerlScript" my $src = $Window- document- selection- Text; my ($indent) = $src =~ /^([ \t]+) /g; $indent =~ s/\t/ /g; $indent = ( length $indent ) / 2; $src =~ s/\x0D\x0A/\n/g; $src =~ tr/\x0D\x0A/\n\n/; my (@rep); map { $src =~ s/($_)/{push @rep, $1;"replaceEmMacro[$#rep]"}/eigs; } ( q{ SCRIPT.*? \/SCRIPT }, q{ PRE.*? \/PRE }, q{ STYLE.*? \/STYLE }, q{ EMBED.*? \/EMBED }, q{ TEXTAREA.*? \/TEXTAREA }, q{ \!\-\-.*?\-\- }, ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1\n/gsi } ( \!DOCTYPE , HTML , HEAD , META , LINK , BODY , TABLE , TBODY , COL , TR , FORM , SELECT , BR , HR , CENTER , FRAMESET , FRAME , MAP , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1/gsi } ( TH , TD ); map { $src =~ s/[ \t]*( \/$_ )\s*/$1\n/gsi } ( HTML , HEAD , TITLE , BODY , TABLE , TBODY , TR , TH , TD , FORM , SELECT , OPTION , P , h\d , CENTER , DIV , FRAMESET , FRAME , MAP , UL , LI , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )/\n$1/gsi } ( TABLE , P , h\d , DIV , INPUT , FRAMESET , MAP , UL , LI ); $src =~ s/^[ \t]+//gm; $src =~ tr/\n//s; my $output; for my $line ( split( /\n/, $src ) ) { if ( $line =~ / (TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $output .= " " x $indent; $indent++; } elsif ( $line =~ / \/(TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $indent--; $output .= " " x $indent; } else { $output .= " " x $indent; } $output .= "$line\n"; } for my $i ( 0 .. $#rep ) { my $j = $#rep - $i; $output =~ s/replaceEmMacro\[$j\]/$rep[$j]/e; } $Window- document- Write($output); 名前 コメント
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む(主にcssで) エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス(目的別) - HTMLクイックリファレンス リンク 新しいウィンドウ(タブ)で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない(認識する場合もあるらしい) http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス(スタイルシートリファレンス) display - HTMLクイックリファレンス(スタイルシートリファレンス) ポップアップ風のメニューを仕込む(主にcssで) メニューボタン(メニューアイコン)にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。(もしくはjavascript等でクリックしたときに生成するようにしておく) クリックしたら display block(とか) で表示させる。この時、 レイアウトを崩さないように、position absolute(メニューボタン位置に連動させるなら、親にposition relaltiveも)を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock